{% extends 'main.html' %}

{% block title %} {{ comic.date }}: {{ comic.title }}{% endblock %}

{% block headstuff %}
<style type="text/css">
.comicnav span, .unicodenav span{padding-left:5px;}
.unicodenav { float: right;}
.unicodenav a {text-decoration: none;}
#title { margin-bottom: auto; margin-top: none;}
#transcription{margin-right:0pt;float:left;width:550px;padding-right:0pt;}
</style>
{% endblock %}

{% block pageinfo %}<h2 id="title">{{ comic.title }}</h2>
    {% include 'comics/unicodenav.html' %}
    <h3>{{ comic.date }}<br>{{ comic.newstitle }}</h3>
    <p>{{ comic.news|safe|linebreaksbr }}</p>{% endblock %}

{% block bodycontent %}
<!--OnlineComics.net tags -->

<img src="{{ comic.get_absolute_url }}image/" width="{{ comic.comic_width }}" height="{{ comic.comic_height }}" alt="Comic for {{ comic.date }}" >

<!-- links to prev and next -->
{% include 'comics/comicnav.html' %}
<p id="facebook"><a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fnameremoved.com{{ comic.get_absolute_url }}">Post this comic on Facebook</a></p>

<div id="transcription">
    {% block transcript %}
    <div class="box">
    <h3>Transcription</h3>
    <code>
        {{ comic.transcript|force_escape|safe|linebreaksbr }}
    </code>
    </div>
    {% endblock %}
</div>
<!-- end of onlinecomics.net -->
{% endblock %}

{% block localnews %}
{% if comic.origin.count %}
<div id="contribution">
<h3>Contributions</h3>
{% for contribution in comic.origin.all %}
<p><a href="{{ contribution.get_absolute_url }}">{{ contribution.aka }}</a>
<em>{{ contribution.get_contribution_type_display }}</em>
{{ contribution.content }}</p>    
{% endfor %}
</div>
{% endif %}
{% endblock %}
